<template>
  <div class="home">

    <el-container style="height: 100vh">

      <aside-view :is-collapse="isCollapse"/>
      <el-container>
        <el-header style="text-align: right; font-size: 12px; background-color: #b3c0d138;width: 100%">
          <header-view v-on:collapse="collapse"></header-view>
        </el-header>
        <router-view/>
<!--        <manager-view></manager-view>-->
<!--        <router-view/>-->
      </el-container>
    </el-container>
  </div>
</template>

<script>
import HeaderView from "@/views/HeaderView.vue";
import AsideView from "@/views/AsideView";

export default {
  name: 'SystemView',
  components: {AsideView, HeaderView},
  data() {
    return {

      isCollapse: false
    }
  },
  methods: {
    load(){
      this.$axios.post("/user/ListUserByPage",{}).then(function (response){

      }).catch()
      //axios.get()
    },
    collapse(isCollapse){
      console.log(isCollapse)
      this.isCollapse = isCollapse
    }
  }
}
</script>

<style>

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 100vh;
  background-color: #42b983;
}

.el-menu {
  background-color: aquamarine;
}



</style>
